<template>
	<view class="btn">{{text}}</view>
</template>

<script>
	export default {
		name:"z-button",
		data() {
			return {
				
			};
		},
		props:{
			text:{
				type: String,
				default: function(){
					return ''
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn{
		box-sizing: border-box;
		background-image: linear-gradient(to right, #9fe9ff, #ab7aff);
		border-radius: 40rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: white;
	}
</style>